<template>
  <div class="hello">
    <pre>{{ content }}</pre>
  </div>
</template>

<script>
  export default {
    name: 'HelloWorld',
    data() {
      return {
        content: ''
      }
    },
    mounted() {
      this.axios.get('https://autumnfish.cn/api/joke/list?num=3').then(body => {
        this.content = body.data
      })
    }
  }
</script>
<style scoped>

</style>
<!-- Add "scoped" attribute to limit CSS to this component only -->
